﻿/* 
Offical Style for Spacebuilder
(C) 2007-2012 Tunynet Inc.
*/ 

/* Page Layout */
html { overflow-x:hidden;}
#tn-content .tn-wrapper { width: 1024px; margin: 0 auto; padding-top: 0px;background-color:#fff;  }
#tn-footer .tn-wrapper { width: 1024px; margin: 0 auto; }
#tn-footer{ margin-top:20px;}

/* Global navigation */

.spb-user-menu .tn-msg-bubble{ top:-6px;}
.spb-user-menu .spb-user-link { line-height: 25px; }

/* Content Header */
.tnc-content-header {padding-top: 8px; height:67px; }
.tnc-content-header h2 { padding: 4px 0 4px 5px; }
.tnc-content-header .tn-added { padding: 8px 10px 0; }

/* Content Layout */
.tnc-main,
.tnc-aside,
.tnc-aside-second,
.tnc-aside-first { padding-top: 10px; }
.tn-grid-5-19 .tn-grid-14-5 .tnc-main { padding-left: 10px; padding-right: 10px;  }
.tn-grid-13-3 div.tn-first, 
.tn-grid-3-13 .tn-unit, 
.tn-grid-3-13 .tn-grid-9-4, 
.tn-grid-3-13 .tn-grid-10-3 { width:80%;}
.tn-grid-3-1 .tnc-main { padding-right: 15px; }

/* Content box & Tabs */
.tn-box .tn-box-header { padding: 10px 0; margin: 0; }
.tn-box .tn-box-header { font-size: 14px; }
.tn-box .tn-box-content{ padding: 10px 0; }
.ui-tabs .ui-tabs-panel { padding: 10px 0; }

/* Square */
.tnc-new-user .tnc-person-flow,
.tnc-recent-popularusers .tnc-person-flow{ width:750px;}
.tnc-new-user .tnc-person-flow .tn-avatar-item,
.tnc-recent-popularusers .tnc-person-flow .tn-avatar-item{ padding:5px 21px 5px 0; width:50px;}
.tnc-group-user .tn-list .tn-list-item{ width:24%; *width:23.5%;}
.tnc-recommend-bar .spb-carousel-slider{ margin-top:10px; width:690px; margin-bottom:10px;}
.tnc-recommend-bar .sliderkit-nav .sliderkit-nav-prev{ left:5px;}
.tnc-recommend-bar .sliderkit-nav .sliderkit-nav-next{ right:0px;}
.tnc-recommend-bar .spb-carousel-slider .sliderkit-nav{ width:680px;}
.tnc-recommended-users .tn-list-item-row p{ line-height:18px; padding-top:5px;}

.tnc-new-user .tn-avatar-item, 
.tnc-recent-popularusers .tn-avatar-item { padding:5px;*padding:3px;}

/* Separation line 
----------------------------------*/
.tnc-aside,
.spb-app-page .tnc-aside-second { border-radius: 3px; padding:10px; }

/* Footer
----------------------------------*/
#tn-footer { padding:10px 0; }
#tn-footer .tn-footer-legal { text-align: center; line-height: 20px }

/* tags
----------------------------------*/
.tn-tags span { line-height:2.5; overflow:hidden; zoom:1; }
.tn-tags a { padding: 2px 5px; border-radius:3px; white-space: nowrap; }

/* Submenu
----------------------------------*/
.tnc-content-header .tn-submenu { padding-left: 120px; z-index:9; }
.tnc-content-header .tn-submenu a { line-height: 30px; font-size: 14px; }
.tnc-content-header .tn-submenu-link { border-radius: 3px 3px 0 0; border-style: solid; border-width: 1px 1px 0; }
.tnc-content-header .tn-submenu .tn-sub { border-width: 0 1px 1px; }
.tnc-content-header .tn-submenu .tn-item-link { line-height: 20px }

/* Adjust the Layout UI elements
----------------------------------*/
.spb-layout-3-1 .tnc-aside .tn-thumb { padding: 0; margin: 0 5px 10px; _display: inline; width: 94px; height: 94px; overflow: hidden; zoom:1; }


